<div>
	<hr />
	<h2>URL.createObjectURL()</h2>
	<input type="file" name="" id="dropTarget" />
</div>

<script>
	/**
	 * @key: URL.createObjectURL()
	 * @description: 生成一个 临时 URL 。 以blob://开头 ，但是不会被垃圾回收，因主动释放 URL.revokeObjectURL
	 * @param {*} File 对象 、 Blob 对象 或者 MediaSource 对象。
	 * @return {*} 返回一个类似 blob : d3958f5c-0777-0845-9dcf-2cb28783acaf 这样的 URL 字符串；你可以像使用普通 URL 那样使用它，比如用在 img.src 上;
	 */
	var dropTarget = document.getElementById('dropTarget');
	dropTarget.onchange = function (e) {
		var files = e.target.files;
		for (var i = 0; i < files.length; i++) {
			var type = files[i].type;
			if (type.substring(0, 6) !== 'image/') continue;
			var img = document.createElement('img');
			console.log(URL.createObjectURL(files[i]));
			img.src = URL.createObjectURL(files[i]);
			img.onload = function () {
				this.width = 100;
				document.body.appendChild(this);
				// 释放blob内存
				URL.revokeObjectURL(this.src);
			};
		}
	};
</script>
